<template>
<view class="">
		
	<!-- #ifndef MP-WEIXIN  -->
	<u-mask :show="showLogin" @click="hideModal">
		<view class="cu-modal1" :class="[{ show: showLogin }, modalType]" cathctouchmove @tap="hideModal">
			<view class="cu-dialog" @tap.stop style="background: none;overflow: visible;">
				<view class="modal-box">
					<view class="detail">
						<view class="title1">您还没有登录</view>
						<view class="title2">登录即刻开启品质生活</view>
					</view>
					<view class="btn-box y-f">
						<button class="cu-btn login-btn" @tap.stop="goLogin">立即登录</button>
						<button class="cu-btn close-btn" @tap.stop="hideModal">取消</button>
					</view>
				</view>
			</view>
		</view>
	</u-mask>
	<!-- #endif  -->
	<!-- #ifdef MP-WEIXIN  -->
	<view class="force-login-wrap" v-if="showLogin">
		<!-- <image class="logo-bg"  :src="$IMG_URL + '/imgs/logo_bg.png'" mode="aspectFill"></image> -->
		<view class="force-login__content y-f">
			<open-data class="user-avatar" type="userAvatarUrl"></open-data>
			<open-data class="user-name" type="userNickName"></open-data>
			<view class="login-notice">为了提供更优质的服务，需要获取您的头像昵称</view>
			<view class="checkRow">
				<checkbox-group @change="checkboxChange">
				    <label>
				        <checkbox value="check"  checked="true" color="#FFCC33" style="transform:scale(0.7)" />我已阅读并同意<text style="color: #007AFF;"@click.stop.prevent="showAgreement">《口留香平台隐私政策》</text>
				    </label>
				</checkbox-group>
			</view>
			<button class="cu-btn author-btn" @click="getuserinfo"  >授权并查看</button>
			<button class="cu-btn close-btn" @tap="closeAuth">暂不授权</button>
		</view>
	</view>
	<!-- #endif  -->
	
	<u-mask :show="agreementShow" @click="agreementShow = false">
			<view class="warp">
				<view class="rect" @tap.stop>
					<view class="content">
						<view class="title">
							《口留香平台隐私政策》
						</view>	
						<scroll-view scroll-y="true" style="height: 60vh;">
							<view class="box">
									<!-- &nbsp; -->
								<view class="text">
									特别提示：</br>
									口留香在此特别提醒，在您注册使用口留香提供的软件、小程序、网站等（以下统称“口留香产品和服务”或“口留香”）前，仔细阅读本《口留香用户协议》（下称本协议）中的各个条款，尤其是以粗体或下划线标示的条款，包括但不限于免除或者限制口留香责任的条款、对用户权利进行限制的条款以及约定争议解决方式、司法管辖的条款。您有权同意或者不同意本协议。</br>
									如您决定注册使用口留香，完成我们的注册流程并通过点击同意的形式在线签署本协议即表示您已充分理解并同意接受本协议所有及任何条款的约束。本协议包括我们根据法律法规规定、本协议制定的其他政策、规则、公告声明以及本协议包含的超链接协议等（除非特有所指，合称为“本协议”）。</br>
									第一条 口留香平台服务</br>
									第二条 用户账户的注册、使用与注销</br>
									第三条 用户个人信息收集、使用与保护</br>
									第四条 口留香使用规范</br>
									第五条 违规用户的处理</br>
									第六条 协议的生效、变更与终止</br>
									第七条 争议解决条款</br>
									第八条 不可抗力条款</br>
									第九条 其他条款</br>
									第一条 口留香平台服务</br>
									1. 本协议是由东莞市回家吃食品有限公司（简称“口留香”或者“我们”）与用户（或称为“您”）就您使用口留香产品和服务所做的权利义务的约定。</br>
									2. 除在APP中明确表明为“自营平台项目”（或类似表述）口留香仅作为用户提供入驻商家提供产品及产品信息的展示平台。</br>
									3. 口留香平台为用户提供以下平台服务：</br>
									（1）为您展示商品或服务</br>
									口留香会为您展示商品或服务的相关信息，供您浏览、了解所需的商品或服务。</br>
									（2）为您推送商品或服务</br>
									口留香会为您制定更符合您喜好和需求的个性化推送商品或服务的页面展示和搜索结果，提升您的使用体验。</br>
									（3）为您在购物平台上购买商品或服务提供优惠通道</br>
									当您欲购买在口留香上浏览的商品或服务时，您通过口留香领取优惠券或其他福利后，直接进入销售该商品或服务的商家店铺并完成下单流程。</br>
									（4）为您提供持续、稳定的技术平台服务</br>
									无论用户是否登录APP，口留香将持续、稳定的为您提供技术平台服务，直至您以书面告知或注销账户的方式停止使用口留香服务。</br>
									4. 口留香为电商购物娱乐服务平台，用户购买口留香上展示和推送的商品或者服务时，所购商品或者服务直接由电商平台商家向用户提供，包括但不限于商品或者服务的供应、运送、储存、交付、付款、包装、售后服务等。</br>
									5. 使用口留香或通过口留香相关链接产生的购买行为应当基于真实的消费需求，不得存在对商品及/或服务实施恶意购买、恶意维权等扰乱口留香及电商平台正常交易秩序的行为。若您严重违背社会公德、提供虚假注册身份信息、经外部电商平台或我们判定认为存在恶意退货或不合常理的高退货率以及其他不符合正常消费习惯的情形、或经判定认为属于损害口留香及外部平台不正当行为时，基于维护交易秩序及交易安全的需要，口留香发现上述情形时有权主动执行对订单不予结算、冻结该用户账号等操作。</br>
									6. 为了更好的服务用户，口留香可能会不定时举办各类活动，如果您选择参加活动，应当认真查阅各类活动另行制定的规则。您同意不会采取作弊、利用系统漏洞等手段扰乱口留香秩序。</br>
									第二条 用户账户的注册、使用与注销</br>
									1. 口留香重视未成年人的安全与个人信息保护，注册口留香的用户应是具备完全民事行为能力和民事权利能力的自然人。用户一旦注册成功，我们将推定您具有相应的民事行为能力。若您不具备前述与您行为相适应的民事行为能力，则您及您的监护人应依照法律规定承担因使用本APP而可能产生的一切法律后果。</br>
									2. 用户应提供本人正在合法有效使用的手机号码进行“口留香”账号注册，并且您同意口留香将您手机号码及手机设备识别码等作为用户身份识别信息。该号码是我们与您联系的重要渠道，如发生变更，应及时通知我们。否则，可能会因无法有效联系到您，或无法及时处理与您相关的争议等事项而影响您的相关权益。</br>
									3. 用户注册账号所提供和使用的信息应当真实、有效、合法。注册成功后，口留香将为您配置账户，该账户之所有权口留香所有，您在本协议有效期内仅享有使用权。由于账户关联用户的个人信息及口留香商业信息，该账户仅限您本人使用，未经口留香书面同意，您不得出借、出租或作其它形式的转让。</br>
									4. 口留香有权根据法律法规或政策规定，或根据自行制定的规范或规则，对违规、不当使用账户等行为予以限制或予以注销，如口留香判断您的账户可能涉及信息泄漏及/或影响口留香信息安全或者正常运营的及/或侵害或影响其他用户权益的，口留香可拒绝向您提供服务或终止本协议。</br>
									5. 用户可以申请注销已注册的账户。如果您需要注销您的帐户，我们将在核实您的身份、要求您完成未完成的交易、完成资金结算等（例如已充值或已获得的虚拟资产等）后，为您提供帐户注销服务。在账户注销完成后，口留香不在为您提供任何服务。账户注销后，您的个人信息我们会使其在前台系统保持不可检索、访问的状态，或对其进行匿名化处理。您知晓，根据法律法规规定，相关交易信息保存时间应自交易完成之日起不少于三年。</br>
									6. 为了更好的服务用户和保障用户账户安全，根据服务器运行及监测情况，口留香可对被系统判定为长时间未登录、登录异常等高风险账号启动保护机制。</br>
									7. 为使您更好地使用口留香的各项服务，并保障您的账户安全，我们将按照相关法律法规规定要求您完成实名认证。如涉及第三方支付、资金结算或其他可能需要您提供银行卡信息的业务，您应当保证提供的银行帐户信息或第三方支付帐户信息真实、有效、合法，且属于您本人所有，我们及关联公司或我们合作的第三方支付机构将根据您提供的银行帐户信息或第三方支付帐户信息与您进行资金结算。您提供的银行帐户信息或第三方支付帐户信息错误或您拒绝提供，您应当理解您将无法使用本APP部分功能、第三方支付机构提供的支付功能以及您将无法获得结算资金。您理解并同意如因您未能提供有效的上述信息导致资金无法结算时，该部分资金不会因为未支付给您而产生利息。我们可以向您发送通知以便于您可以及时提供信息，若超出一定时间未得到回复，我们有权收回该部分结算资金自行处理。</br>
									8. 如发现任何未经您授权使用您的账户登录口留香的情形，我们建议您第一时间与我们联系，但您应理解口留香对任何请求采取行动均需要合理时间，且口留香所采取的行动可能无法避免或者阻止侵害结果的形成或者扩大，除口留香存在法定过错外，口留香不对该侵害结果及扩大承担任何责任。</br>
									第三条 用户个人信息收集、使用与保护</br>
									1. 详见《隐私协议》。</br>
									2. 《隐私协议》是本协议正文的主要组成部分，与本协议共同约束用户与口留香。</br>
									3. 口留香是为了向用户提供更成熟、优质的平台服务，有关服务可能会涉及到个人信息收集，在收集用户信息之前，口留香会征求您的授权同意。您的明示授权或继续使用，将视为您同意信息的合理采集以及相关的隐私协议。</br>
									第四条 口留香使用规范</br>
									1. 用户在注册、使用口留香过程中制作、复制、发布、上传、传播的任何形式的内容，包括但不限于账号头像、昵称、标签、地址等注册信息及认证资料，或以文字、语音、图片、视频、图文等任何形式发送、回复或自动回复的消息、相关链接页面以及其他使用账号或本服务所产生的内容均不得违反现行法律、法规、规章、政策规定。</br>
									2. 如果用户在境外注册、使用口留香，应同时遵守所在地或相关国家（地区）的法律法规。</br>
									3. 用户不得利用“口留香”账号或提供的服务以任何形式制作、复制、发布、上传、传播如下法律、法规和政策禁止的内容：</br>
									(1) 反对宪法所确定的基本原则的；</br>
									(2) 危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；</br>
									(3) 损害国家荣誉和利益的；</br>
									(4) 煽动民族仇恨、民族歧视，破坏民族团结的；</br>
									(5) 破坏国家宗教政策，宣扬邪教和封建迷信的；</br>
									(6) 散布谣言，扰乱社会秩序，破坏社会稳定的；</br>
									(7) 散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；</br>
									(8) 侮辱或者诽谤他人，侵害他人合法权益的；</br>
									(9) 含有法律、行政法规禁止的其他内容的信息。</br>
									4.用户不得利用“口留香”账号或服务以任何形式制作、复制、发布、上传、传播如下干扰“口留香”正常运营，以及侵犯其他用户或第三方合法权益的内容：</br>
									(1) 含有任何性或性暗示的；</br>
									(2) 含有辱骂、恐吓、威胁内容的；</br>
									(3) 含有骚扰、垃圾广告、恶意信息、诱骗信息的；</br>
									(4) 涉及他人隐私、个人信息或资料的；</br>
									(5) 侵害他人名誉权、肖像权、知识产权、商业秘密等合法权利的；</br>
									(6) 含有其他干扰本服务正常运营和侵犯其他用户或第三方合法权益内容的信息。</br>
									5. 用户不得利用“口留香”账号或服务进行如下行为：</br>
									(1) 提交、发布虚假信息，或盗用他人头像或资料，冒充、利用他人名义的；</br>
									(2) 虚构事实、隐瞒真相以误导、欺骗他人的；</br>
									(3) 利用技术手段批量建立虚假账号的；</br>
									(4) 利用“口留香”账号或服务从事任何违法犯罪活动的；</br>
									(5) 制作、发布与以上行为相关的方法、工具，或对此类方法、工具进行运营或传播，无论这些行为是否为商业目的；</br>
									(6) 其他违反法律法规规定、侵犯其他用户合法权益、干扰“口留香”正常运营或口留香未明示授权的行为。</br>
									6. 用户不得利用或针对口留香及相关服务进行任何危害计算机网络安全、危害社会经济秩序的相关行为，如果我们有理由认为您的行为违反或可能违反上述约定的，我们可独立进行判断并处理，且在任何时候有权在不事先通知的情况下终止向您提供服务，并依法追究相关责任。</br>
									7. 用户不得以口留香的名义传送或发布信息；也不得以易被公众或第三方混淆为口留香官方意见的方式传送或发布信息。用户在口留香传送、发布的任何内容并不反映或代表，也不得被视为反映或代表口留香的观点、立场；用户须保证其通过“口留香”账号或服务所传送的信息真实、合法、无害、准确、有效。如因用户传送的信息违法、给口留香或第三方造成损害的，用户应当依法予以赔偿，口留香有权依据法律法规、政策、本协议条款对相关违法、错误信息作出的处理。</br>
									8. 经许可后，用户、第三方对本APP软件及相关服务的信息内容的分享、转发等行为，应符合以下规范：</br>
									（1）对抓取、统计、获得的相关搜索热词、命中率、分类、搜索量、点击率、阅读量等相关数据，未经公司事先书面同意，不得将上述数据以任何方式公示、提供、泄露给任何第三人；</br>
									（2）不得对本APP软件及相关服务的源网页进行任何形式的任何改动，包括但不限于本APP软件及相关服务的首页链接、广告系统链接等入口，也不得对本APP软件及相关服务的源页面的展示进行任何形式的遮挡、插入、弹窗等妨碍；</br>
									（4）不得把相关数据内容用于公司许可范围之外的目的，进行任何形式的销售和商业使用，或向第三方泄露、提供或允许第三方为任何方式的使用。</br>
									（5）用户向任何第三人分享、转发、复制本APP软件及相关服务信息内容的行为，还应遵守公司为此制定的其他规范和标准。</br>
									9. 未经口留香许可，任何人不得以包括通过机器人、蜘蛛等程序或设备监视、复制、传播、展示、镜像、上载、下载等方式直接或间接盗取本APP软件及相关服务的视频、图文等信息内容，或以任何方式（包括但不限于隐藏或者修改域名、平台特有标识、用户名等）删除或改变相关信息内容的权利管理电子信息。口留香等文字及/或标识，以及其他标识、徽记、产品和服务名称均为口留香所有，如有宣传、展示等任何使用需要，您必须取得口留香事先书面授权。</br>
									第五条 违规用户的处理</br>
									1. 如果口留香发现用户有违反法律法规、政策规定、“电商平台”管理规定、本协议条款约定，或被其他用户投诉具有违反法律法规、政策规定、本协议条款约定的行为，口留香有权依据法律法规、政策及本协议条款对用户的违法、错误的行为或内容进行处理，并视情节轻重对违规的用户处以包括但不限于警告、账号封禁、功能封禁、账户冻结、不予结算资金等处罚，并将有关违法信息向有关部门报告，用户应承担由此产生的一切法律后果。</br>
									2. 口留香对上述违规内容的违规内容的审查仅为初步表面审查，不对审查结论承担责任；如果用户对处理结果存在异议，则应提供相应的证明文件，并与我们或投诉方沟通或采取法律途径解决争议。</br>
									3. 因用户违反法律法规、政策规定、本协议约定或发生其它过错，导致任何第三方向口留香或其合作方、关联方主张任何索赔、要求的，用户应承担相关责任。如果因此造成口留香或其合作方、关联方承担相关责任或发生其他任何损失的，包括律师费、调查取证费、电子数据公证费、差旅费等，口留香或其合作方、关联方有权要求该用户承担赔偿责任或者向该用户追偿。</br>
									4. 被处理用户如对投诉内容或处理决定有异议，可提交申诉意见，口留香将对申诉进行审查，并自行合理判断决定是否变更处罚措施。对于因投诉所导致的处理，口留香仍有权根据投诉方与用户共同确定的意见或司法机关生效法律文书增加、变更或撤销对用户的处理。</br>
									第六条本协议的生效、变更与终止</br>
									1. 本协议自您勾选并点击“我已阅读并同意”本协议时即生效。如未点击确认本协议之前事实上已在使用本平台功能的，则本协议在您的事实行为发生之时生效。</br>
									2. 由于互联网行业发展迅速、APP及服务频繁迭代更新等特点，我们可能会对相关的产品或服务进行升级优化，您理解并同意我们会根据商业需要，在符合法律规定的情况下对本协议的部分条款进行更新，更新后的协议条款将代替原来的协议并在正式发布之日起生效，您可以在相关服务页面查阅最新版本的协议条款。</br>
									3. 如本协议后续发生变更，我们在APP公布更新后的协议，该公布行为视为我们已通知您更新内容。我们也可能会采用本协议约定的其他通知方式通知您。如您对更新后的用户协议有任何疑问，您可通过本协议提及的联系邮箱向口留香工作人员反馈，我们会及时为您解答。如您不同意更新后的协议，您可以停止使用本APP,本协议修改后，如果您继续使用本APP的，即视为您已接受修改后的协议。</br>
									4. 存在以下任一情形的，本协议在用户与口留香之间终止。因终止本协议给对方或其他第三方合法权益造成损失的，有权要求对造成的损失承担法律责任：</br>
									（1）用户账号注销的，本协议自注销之日起在用户和口留香之间终止；</br>
									（2）因违反法律法规、政策规定或本协议约定导致本协议终止的；</br>
									（3）因 任一方违反本协议约定、发生其他违法或不当行为导致本协议终止的；</br>
									（4）发生其他导致本协议终止的情形。</br>
									5. 本协议终止时，口留香有权要求您就您账户下未完成的交易、未支付的订单、未结算的资金等进行处理，若您在合理时间内未处理，口留香有权以合理的方式代为处理，并就处理过程中可能带来损失的向您追偿。</br>
									第七条 争议解决条款</br>
									本协议的效力、解释及纠纷的解决，适用于中华人民共和国法律。若用户和口留香之间发生任何纠纷或争议，首先应友好协商解决，协商不成的，用户同意将纠纷或争议提交口留香住所地有管辖权的人民法院管辖。</br>
									第八条 不可抗力条款</br>
									1. “不可抗力”是指本协议双方不能合理控制、不可预见或即使预见亦无法避免的事件，该事件妨碍、影响或延误任何一方根据本协议履行其全部或部分义务。该事件包括但不限于政府行为、自然灾害、战争或任何其他类似事件。</br>
									2. 遭受不可抗力事件的一方可暂行中止履行本合同项下的义务直至不可抗力事件的影响消除为止并且无需为此而承担违约责任；但应尽最大努力克服该事件，减轻负面影响。</br>
									第九条其他条款</br>
									1. 除非我们另行声明，口留香的所有产品、技术、软件、程序、数据及其他信息（包括文字、图标、图片、照片、音频、视频、图表、色彩组合、版面设计等）的所有权利（包括版权、商标权、专利权、商业秘密及其他相关权利）均归口留香所有。</br>
									2. 用户理解并接受：本协议的正文还包括《隐私协议》【用户可点击隐私协议，查看详细内容】，与本协议具有同等法律效力，共同约束用户与口留香。</br>
									3. 本协议的任何条款不论因何种原因无效或不具可执行性，不影响其余条款在用户与口留香双方之间的法律效力。</br>
									4. 如您对本协议条款有任何疑问或者需要帮助，您可以通过以下方式联系我们：</br>
									客服电话：0769-23114166</br>
									口留香：我的-意见反馈</br>
									*再次郑重提醒：口留香用户请特别注意本协议中加粗、加下划线突出显示的条款内容显著款，请仔细阅读并自主考虑风险。未成年人应在法定监护人的陪同下阅读本协议。 </br>
									本协议更新日期为2022年1月5日</br>
								</view>
							</view>
						</scroll-view>
					</view>
					<view class="btn" @click="accept">
						我已阅读并同意
					</view>
				</view>
			</view>
	</u-mask>
	
</view>
</template>

<script>
	/**
	 * 登录提示页
	 * @property {Boolean} value=showLoginTip - 由v-model控制显示隐藏。
	 * @property {Boolean} forceOauth - 小程序端特制的全屏登录提示。 
	 */
	
	import Wechat from '@/shop/wechat/wechat.js';
	// import wechat from '@/shop/wechat/wechat';
	import {
		mapMutations,
		mapActions,
		mapState
	} from 'vuex';
	export default {
		name: 'shoproLoginModal',
		components: {},
		data() {
			return {
				screenShot: uni.getStorageSync('screenShot'),
				intent: "", // 登录返回的code
				timeId: 0, // 记录time的id
				count: 5, // 试错次数
				checkVal : '',
				agreementShow : false,
			};
		},
		props: {
			value: {},
			modalType: {
				type: String,
				default: ''
			}
		},
		computed: {
			...mapState({
				showLoginTip: state => state.showLoginTip,
				AuthToken: state => state.AuthToken,
				// forceOauth: state => state.user.forceOauth
			}),
			showLogin: {
				get() {
					return this.showLoginTip;
					// return true;
				},
				set(val) {
					this.$store.commit('LOGIN_TIP', val);
				}
			}
		},
		mounted() {
			console.log(this.showLoginTip);
			this.showLogin = this.AuthToken? false : true;
		},
		onHide() {
			clearInterval(this.timeId);
			this.count = 5;
			this.timeId = 0;
			this.intent = "";
		},
		methods: {
			...mapActions(['setTokenAndBack', 'getUserPrefile']),
			...mapMutations(['setToken']),
			// 隐藏登录弹窗
			hideModal() {
				this.showLogin = false;
			},
			goLogin(){
				this.showLogin = false;
				// #ifndef MP-WEIXIN
				uni.navigateTo({
					url: "/pages/personal/login/login"
				})
				// #endif
				
			},
			// 复制链接
			copySharePath() {
				let that = this;
				uni.setClipboardData({
					data: that.intent,
					success: data => {
						that.$u.toast('已复制到剪切板');
					}
				});
			},
			// 小程序，获取用户信息登录
			async getuserinfo(e) {
				// let token = await wechat.login();
				let token = await Wechat.wxMiniProgramLogin(e);
				if(token){
					this.setToken(token);
					this.$store.commit('LOGIN_TIP', false);
					this.getUserPrefile();
					uni.setStorageSync('fromLogin', this.$Route);
					this.setTokenAndBack(token);
				}
				// this.$store.commit('FORCE_OAUTH', false);
				// this.$store.commit('LOGIN_TIP', false);
				// uni.setStorageSync('fromLogin', this.$Route);
				// this.setTokenAndBack(token);
			},

			// 小程序，取消登录
			closeAuth() {
				// this.$store.commit('FORCE_OAUTH', false);
				this.$store.commit('LOGIN_TIP', false);
			},
			checkboxChange(e){
				// console.log(e);
				// if(e.detail.value[0]){
				// 	this.checkVal = e.detail.value[0]
				// }else{
				// 	this.checkVal = ''
				// }
				// console.log(this.checkVal);
			},
			accept(){
				this.agreementShow = false
				this.checkVal = 'check'
			},
			showAgreement(){
				console.log(111);
				this.agreementShow = true
			},
		}
	};
</script>
<style lang="scss" scoped >
	.checkRow{
		height: 120rpx;
		margin: 30rpx 20rpx 0;
		display: flex;
		align-items: center;
	}
	.warp {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 100%;
		}
	
		.rect {
			// width: 120px;
			// height: 120px;
			width: 100%;
			height: 80vh;
			background-color: #fff;
			display: flex;
			flex-direction: column;
			align-items: center;
			.content{
				flex: 1;
				display: flex;
				flex-direction: column;
				align-items: center;
				.title{
					font-weight: 600;
					width: 100%;
					height: 80rpx;
					display: flex;
					justify-content: center;
				}
				.box{
					width: 80vw;
				}
				.text{
					padding: 0 50rpx;
				}
			}
			.btn{
				background: #fa3534;
				color: #fff;
				width: 60%;
				height: 80rpx;
				border-radius: 10rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				margin: 20rpx 0;
			}
		}
</style>

<style lang="scss" >
	
	
	
	.cu-modal1 {
		margin-top: 85%;
		margin-left: 50%;
		transform: translate(-50%, -50%);
	}

	// 登录提示
	.modal-box {
		width: 610rpx;
		border-radius: 20rpx;
		background: #fff;
		position: relative;
		// top: 50%;
		left: 50%;
		transform: translateX(-50%);
		padding-bottom: 30rpx;

		.head-bg {
			width: 100%;
			height: 210rpx;
		}

		.detail {
			text-align: center;
			padding-top: 30upx;

			.title1 {
				color: #46351b;
				font-size: 35rpx;
				font-weight: bold;
			}

			.title2 {
				font-size: 28rpx;
				color: #999;
				padding-top: 20rpx;
			}
		}

		.btn-box {
			margin-top: 80rpx;

			.login-btn {
				width: 492rpx;
				height: 70rpx;
				background: linear-gradient(90deg, rgba(233, 180, 97, 1), rgba(238, 204, 137, 1));
				box-shadow: 0px 7rpx 6rpx 0px rgba(229, 138, 0, 0.22);
				border-radius: 35rpx;
				font-size: 28rpx;
				color: rgba(#fff, 0.9);
			}

			.close-btn {
				width: 492rpx;
				height: 70rpx;
				color: #e9b766;
				font-size: 26rpx;
				margin-top: 20rpx;
				background: none;
			}
		}
	}

	// 小程序登录提醒
	/* #ifdef MP-WEIXIN */
	.force-login-wrap {
		position: fixed;
		width: 100vw;
		height: 100vh;
		overflow: hidden;
		// z-index: 11111;
		z-index: 10000;
		top: 0;
		background: linear-gradient(180deg, rgba(239, 196, 128, 1) 0%, rgba(248, 220, 165, 1) 25%, rgba(255, 255, 255, 1) 98%);

		.logo-bg {
			width: 640rpx;
			height: 300rpx;
		}

		.force-login__content {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);

			.user-avatar {
				width: 160rpx;
				height: 160rpx;
				border-radius: 50%;
				overflow: hidden;
				margin-bottom: 40rpx;
			}

			.user-name {
				font-size: 35rpx;
				font-family: PingFang SC;
				font-weight: bold;
				color: rgba(132, 87, 8, 1);
				margin-bottom: 30rpx;
			}

			.login-notice {
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: rgba(200, 150, 61, 1);
				line-height: 44rpx;
				width: 400rpx;
				text-align: center;
				margin-bottom: 80rpx;
			}

			.author-btn {
				width: 630rpx;
				height: 80rpx;
				background: linear-gradient(90deg, rgba(233, 180, 97, 1), rgba(238, 204, 137, 1));
				box-shadow: 0px 7rpx 6rpx 0px rgba(229, 138, 0, 0.22);
				border-radius: 40rpx;
				font-size: 30rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: rgba(255, 255, 255, 1);
			}

			.close-btn {
				width: 630rpx;
				height: 80rpx;
				margin-top: 30rpx;
				border-radius: 40rpx;
				border: 2rpx solid rgba(233, 180, 97, 1);
				background: none;
				font-size: 30rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: rgba(233, 180, 97, 1);
			}
		}
	}

	/* #endif */
</style>
